.step-list-container {
  ul,
  li {
    list-style: none;
    padding: 0;
  }
  .step-list {
    margin-top: 5px;
    display: flex;
    align-items: center;
    .step-list-item {
      display: flex;
      align-items: center;
      .line {
        width: 42px;
        height: 2px;
        background: #e8e9ec;
      }
      .circ {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #e8e9ec;
      }
    }
    .is-active {
      .line {
        background: linear-gradient(243deg, #1492ff 0%, #2dc4ff 100%);
      }
      .circ {
        background: #1492ff;
      }
    }
    .last-active {
      .line {
        background: linear-gradient(243deg, #1492ff 0%, #2dc4ff 100%);
      }
      .circ {
        width: 8px;
        height: 8px;
        background: #1492ff;
      }
    }
  }
}
